<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

<head>
    <title th:text="${pageTitle}"></title>
    <div data-th-replace="layout/head-top"></div>
</head>
<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInLeft">
    <div data-th-replace="common/functionDepict"></div>
    <div>
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <div class="row">
                    <div class="col-sm-4">
                        <h5>
                            <a th:href="@{/admin/course/demand/toDemandIndex}">
                                <span>
                                    <button th:disabled="!${isOpen}" class="btn btn-white" data-toggle="tooltip" data-placement="top" title="" data-original-title="刷新录播列表">
                                        <i class="fa fa-refresh"></i> 刷新
                                    </button>
                                </span>
                            </a>
                            <small id="count" >（共0个录播）</small>
                        </h5>
                    </div>
                    <div class="col-sm-3">
                        <form id="search-form" class="search-form" role="form">
                            <div class="input-group opSearchBox">
                                <input th:disabled="!${isOpen}" placeholder="请输入想要查找录播名称" name="name" class="input-sm form-control vam common-search-word" type="text"/>
                                <span class="input-group-btn"><button type="button"  th:disabled="!${isOpen}" class="btn btn-sm btn-primary vam" id="btn1">搜索</button> </span>
                            </div>
                        </form>
                    </div>
                    <div class="col-sm-2 text-center">
                        <a href="javascript:void(0)" id="advSearchshowBtn" th:disabled="!${isOpen}" class="vam">高级搜索操作 <i class="fa fa-angle-double-down"></i></a>
                    </div>
                    <div class="col-sm-3 text-center">
                        <div class="text-center pt10">
                            <a th:disabled="!${isOpen}" id="batchUpload" href="javascript:void(0)"><button th:disabled="!${isOpen}" type="button" class="btn btn-block btn-w-m btn-lg btn-danger">
                                <i th:disabled="!${isOpen}" class="fa fa-upload"></i> 批量上传音频/视频</button>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="oc-advSearch-box">
                <div class="row">
                    <div class="col-sm-4"></div>

                    <div class="col-sm-8">
                        <div class="pt10">
                            <form th:disabled="!${isOpen}" role="form" class="form-inline search-form">
                                <select th:disabled="!${isOpen}" name="fileType" class="form-control mb10">
                                    <option value="">类型</option>
                                    <option value="1">视频</option>
                                    <option value="2">音频</option>
                                </select>
                                <select th:disabled="!${isOpen}"  name="status" class="form-control mb10">
                                    <option value="">录播状态</option>
                                    <option value="init">待转码</option>
                                    <option value="progress">转码中</option>
                                    <option value="finish">转码完成</option>
                                    <option value="error">转码失败</option>
                                </select>
                                <div  class="form-group form-box" style="margin-bottom: 10px">
                                    <input  th:disabled="!${isOpen}" placeholder="请输入录播名称" class="form-control common-search-word" type="text"/>
                                </div>
                                <button th:disabled="!${isOpen}" class="btn btn-w-m btn-primary" type="button" style="margin-bottom: 10px" id="btn2">搜索</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <div class="oc-ibox-content" id="demand-list-context"></div>
        </div>
    </div>
</div>
<div data-th-replace="layout/head-footer"></div>
<script th:inline="javascript" type="text/javascript">
var isOpen =[[ ${isOpen}]];
</script>
<script type="text/javascript" th:src="@{{path}/admin/business/course/cloud/demand.js?v={v}(path=${staticPath},v=${v})}"></script>
</body>
</html>
